<template>
    <div style="width: 100%;height: 100%; background:#ccc;">
        <van-nav-bar title="个人中心" style="background: white;" fixed />
        <div style="width: 100%; height: 45px;"></div>
        <div class="al" style="width: 100%; height: 120px; background: #fff;">
            <van-image round width="10rem" height="10rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <span>张三</span>
        </div>
        <van-grid>
            <van-grid-item icon="shopping-cart" text="全部订单" />
            <van-grid-item icon="cluster" text="待付款" />
            <van-grid-item icon="notes" text="待收货" />
            <van-grid-item icon="send-gift" text="售后" />
        </van-grid>
        <div style="width: 100%; height: 30px;"></div>
        <van-cell title="地址管理" is-link />
        <van-cell title="我的优惠券" is-link />
        <van-cell title="优先购买码" is-link />
        <div style="width: 100%; height: 30px;"></div>
        <van-cell title="常见问题" is-link />
        <van-cell title="服务支持" is-link />
        <div style="width: 100%; height: 30px;"></div>
        <van-cell title="意外碎拼保修服务" is-link />
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>